<!DOCTYPE html>
<html>
<head>
    <title>
        客户列表
    </title>
    #parse("sys/header-icc.html")
</head>
<body>

<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="panel panel-primary">
            <div class="panel-heading">
                <h3 class="panel-title">筛选条件</h3>
                <!--<p>{{withDrawDetail}}</p>-->
            </div>
            <div class="grid-btn panel-body">

                <form class="form-horizontal" style="width: auto " role="form" id="userInfo">
                    <!--<div class="form-group">
                        <label class=" ">项目编号</label>
                        <input type="text" class="form-control" v-model="q.borrowNo" @keyup.enter="query"/>
                    </div>-->
                    <div class="form-group">
                        <label class="col-sm-1 control-label">手机号：</label>
                        <div class="col-md-2">
                            <input type="text" class="form-control" v-model="mobile" name="mobile" @keyup.enter="query"
                                   placeholder="手机号"/>
                        </div>
                        <label class="col-sm-1 control-label">身份证号：</label>
                        <div class="col-md-2">
                            <input type="text" class="form-control" v-model="idno" name="idno" @keyup.enter="query"
                                   placeholder="身份证号"/>
                        </div>
                        <label class="col-md-1 control-label">注册时间</label>
                        <div class="col-md-2">
                            <input type="text" class="form-control" v-model="startDate" name="startDate"
                                   @keyup.enter="query"
                                   id="submitStartDate"
                                   placeholder="开始日期"
                                   onclick="WdatePicker({dateFmt:'yyyy-MM-dd',onpicked:function(dp){vm.startDate = dp.cal.getDateStr()},readOnly:true,isShowClear:false})"/>
                        </div>
                        <div class="col-md-2">
                            <input type="text" class="form-control" v-model="endDate" name="endDate"
                                   @keyup.enter="query"
                                   placeholder="结束日期"
                                   onclick="WdatePicker({dateFmt:'yyyy-MM-dd',onpicked:function(dp){vm.endDate = dp.cal.getDateStr()},readOnly:true,isShowClear:false})"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-md-2"></div>
                        <div class="btn-group " style="margin-left: -384px;margin-top: 8px">
                            <button type="button" class="btn btn-primary  " @click="query">查询</button>
                            <button type="reset" class="btn btn-primary  " @click="reset">重置</button>
                        </div>
                        <div class="col-md-2"></div>
                    </div>
                </form>
            </div>
        </div>
        <div class="panel panel-primary">
            <div class="panel-heading">
                <h3 class="panel-title">客户列表</h3>
            </div>
            <div class="panel-body">
                <table id="jqGrid"></table>
                <div id="jqGridPager"></div>
            </div>
        </div>
    </div>
</div>
<script src="${rc.contextPath}/js/customer/customerList.js?_${date.systemTime}"></script>
<script language="javascript" type="text/javascript"
        src="${rc.contextPath}/statics/plugins/My97DatePicker4.7.2/WdatePicker.js"></script>
</body>
</html>